<style type="text/css">
select{
	border: 1px solid #e5e5e5;
	width: 20px;
	padding:4px 0 5px;
}
.select-box{
	width: 18%;
	display: inline-block;
}
.select-box .select{
	width: 55%;
	height: 34px;
}
.time-box{
	width: 34%;
	display: inline-block;
	margin-right: 36%;

}
	
.time-box input{
	width: 47%;
}
.time-box>input,.time-box>span{
	display: inline;
}
.select-box2{
	width: 33%;
	display: inline-block;
	margin-right: 37%;
}
#allStation canvas,#allChargePile canvas{
	padding-left: 10px;
}
#charge canvas{
	padding-right: 10px;
}
#btn_div{
	display: inline-block;
	width:8%;
	text-align: right; 
}
#btn_query {
	width: 100%;
	margin-top: 0;
}
.table-frame{
	margin-top: 7px;
	margin-bottom: 20px;
	padding-left: 3%;
}
</style>
<section class="st-3" style="padding:0;">
	<div class="title">
		<div class="cc_btn">
			<a ng-class="{a_selected:selectedTag=='charge'}" ng-click="changeTag('charge');">充电数据</a>
			<a ng-class="{a_selected:selectedTag=='bespeak'}" ng-click="changeTag('bespeak');">预约数据</a>
			<a ng-class="{a_selected:selectedTag=='carbon'}" ng-click="changeTag('carbon');">减少碳排放</a>
		</div>
	</div>
	<div class="table-frame">
		<div class="select-box">
			<select ng-model="searchType" class="select">
				<option value="1">按时间段选择</option>
				<option value="2">按年份选择</option>
			</select>
		</div>
		<div ng-show="searchType==1" class="time-box" >
			<input class="form-control getTime"  type="text" ng-readonly="true"
				ng-model="startDate" ng-change="dateIsChange=false"/>
			<span>~</span>
			<input class="form-control getTime"  type="text" ng-readonly="true"
				ng-model="endDate" ng-change="dateIsChange=false"/>
		</div>
		<div ng-show="searchType==2" class="select-box2">
			<select ng-model="selectedYear" style="width: 30%;height:34px; ">
				<option value="2015">2015</option>
				<option value="2016">2016</option>
			</select>
		</div>
		<div id="btn_div">
			<button type="button" id="btn_query" class="btn btn-primary" ng-click="changeTag();">查询</button>
		</div>
	</div>
	<div id="charge" style="height:400px; padding:0px 20px; "></div>
</section>

<script>
$('.getTime').datetimepicker({
	language: 'zh-CN',
	pickTime: false,
	todayBtn: true,
	autoclose: true,
	minView: '2',
	forceParse: false,
	format: "yyyy-mm-dd"
});
</script>